<!--输入框-->
<template>
  <div @click.stop>
    <i :class="style" style="cursor: pointer;" :title='title' @click="openImage"></i>
  </div>
</template>

<script>
/* eslint-disable */

/**
 * 行内图片，如果有相册组件，可用相册进行补充
 */
export default {
    name: 'TableImage'
    , props: {
        // vue行级数据
        row: {type: Object}
        // 值字段名
        , field: {type: String}
        // 值字段名
        , value: {type: String}
    }, computed: {
        style: function () {
            if (Layers.isNotEmpty(this.value)) {
                return 'fa fa-image text-primary';
            } else {
                return 'fa fa-warning text-gray';
            }
        },
        title: function () {
            if (Layers.isNotEmpty(this.value)) {
                return '点击查看图片！';
            } else {
                return '图片加载失败！';
            }
        }
    }, methods: {
        /**
         * 展开图片，这里可以优化，比如：弹出一个相册
         */
        openImage: function () {
            if (Layers.isNotEmpty(this.value)) {
                window.open(this.value);
            }
        }
    }
}
</script>
